<template>
	<el-form-item :label="$t('designer.setting.format')">
		<el-select v-model="thisOptionModel.barFormat" filterable allow-create>
			<el-option label="CODE128" value="CODE128"></el-option>
			<el-option label="EAN" value="EAN"></el-option>
			<el-option label="EAN-13" value="EAN-13"></el-option>
			<el-option label="EAN-8" value="EAN-8"></el-option>
			<el-option label="EAN-5" value="EAN-5"></el-option>
			<el-option label="EAN-2" value="EAN-2"></el-option>
			<el-option label="UPC(A)" value="UPC(A)"></el-option>
			<el-option label="CODE39" value="CODE39"></el-option>
			<el-option label="ITF-14" value="ITF-14"></el-option>
			<el-option label="MSI" value="MSI"></el-option>
			<el-option label="Pharmacode" value="Pharmacode"></el-option>
			<el-option label="Codabar" value="Codabar"></el-option>
		</el-select>
	</el-form-item>
</template>
<script>

export default {
	name: "date-format-editor",
	mixins: [],
	props: {
		designer: Object,
		selectedWidget: Object,
		optionModel: Object,
	},
	data() {
		return {
			thisOptionModel: this.optionModel
		}
	},
	watch: {
		'optionModel': {
			handler(val) {
				if (val) {
					this.thisOptionModel = val
				}
			}
		},
	},
}
</script>

<style scoped>

</style>
